<template>
  <div class="chat-container">
    <a-card class="card">
      <ChatBox />
    </a-card>
  </div>
</template>
<script lang='ts' setup name="Chat">
import ChatBox from "@/components/chat/chatBox.vue";
</script>
<style lang='less' rel='stylesheet/less' scoped>
.chat-container {
  margin: 20px;
  height: calc(100% - 80px);

  .card {
    height: 100%;
    overflow: scroll;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 12%);
    border-radius: 4px;

    :deep(.ant-card-body) {
      height: 100%;
    }
  }
}
</style>